<template>
	<view class="content">
		<top-login></top-login>

		<view class="about">
			<view class="p">
				<image :src="src"></image>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		qrcode_api
	} from '@/api/second.js'
	import topLogin from '@/components/topLog.vue';
	export default {
		components: {
			topLogin
		},
		data() {
			return {
				src: ''
			};
		},
		onLoad({
			parent_id
		}) {
			qrcode_api({
				partnerid: parent_id
			}).then(res => {
				this.src = res.data.qrcode_url
				
			})
		}
	}
</script>

<style lang="scss">
	.content {
		@include flex(column);
		align-items: center;
		justify-content: center;
		margin: 0 36rpx;

		.about {
			width: 100%;
			padding: 48rpx 0;
			background-color: #fff;
			border-radius: 48rpx;
			margin: 36rpx 0 36rpx;

			.p {
				@include flex(column);
				justify-content: center;
				text-align: center;

				image {
					width: 328rpx;
					height: 328rpx;
					border-radius: 8rpx;
					margin: 0 auto;
				}

				text {
					font-size: 36rpx;
					height: 44rpx;
					line-height: 44rpx;
					margin-top: 32rpx;
				}
			}
		}
	}
</style>